<template>
    <div class="">
		<div class="header home-header" style="" id="headsearch">
			<div class="toolbar statusbar-padding active">
				<button class="bar-button current-city"><i class="icon icon-set" style="left:0;right: inherit"></i></button>

				<button class="bar-button icon-button"><i class="icon icon-msg"></i></button>
			</div>
		</div>
		<div class="my-info">
			<div class="my-info-background"></div>
			<img class="my-avatar" src="/static/images/img/my-photo1.jpg">
			<span class="name">
				<span style="color:#fff;font-size:14px" v-if="isLogin"> 用户:{{username}}你好</span>
                <router-link style="color:#fff" :to="{name:'login'}" v-else>账号登录</router-link>
			</span>
			<span class="my-vip" style="background:none">超级会员&nbsp;&nbsp;&nbsp;&nbsp;积分:5190&nbsp;&nbsp;</span>
		</div>
		<div class="my-car-shortcut">
			<div class="layout-column b-line" style="padding:10px 0">
				<a class="col"  rel="test" href="wait.html">
							<span class="img-icon ">
								<img class="img-icon-home" src="/static/images/icon-home/me-1.png" />
							</span>
					<span class="img-icon-name">待付款</span>
				</a>
				<a class="col"  rel="test" href="wait.html">
							<span class="img-icon ">
								<img class="img-icon-home" src="/static/images/icon-home/me-2.png" />
							</span>
					<span class="img-icon-name">待收货</span>
				</a>
				<a class="col" href="wait.html" rel="test">
							<span class="img-icon ">
								<img class="img-icon-home" src="/static/images/icon-home/me-3.png" />
							</span>
					<span class="img-icon-name">全部订单</span>
				</a>
			</div>
		</div>
		<div class="devider b-line"></div>
		<!-- 个人中心 begin-->
		<div>
			<div class="aui-list-cells">
				<a href="wallet.html" class="aui-list-cell">
					<div class="aui-list-cell-fl"><img src="/static/images/icon-home/me-4.png"></div>
					<div class="aui-list-cell-cn">我的钱包</div>
					<div class="aui-list-cell-fr">3999</div>
				</a>
				<a href="collect.html" class="aui-list-cell">
					<div class="aui-list-cell-fl"><img src="/static/images/icon-home/me-13.png"></div>
					<div class="aui-list-cell-cn">我的收藏</div>
					<div class="aui-list-cell-fr"></div>
				</a>
				<a href="adds.html" class="aui-list-cell">
					<div class="aui-list-cell-fl"><img src="/static/images/icon-home/me-6.png"></div>
					<div class="aui-list-cell-cn">地址管理</div>
					<div class="aui-list-cell-fr"></div>
				</a>
				<a href="footprint.html" class="aui-list-cell">
					<div class="aui-list-cell-fl"><img src="/static/images/icon-home/me-5.png"></div>
					<div class="aui-list-cell-cn">我的足迹</div>
					<div class="aui-list-cell-fr">8450</div>
				</a>
				<div class="devider b-line"></div>
				<a href="bank.html" class="aui-list-cell">
					<div class="aui-list-cell-fl"><img src="/static/images/icon-home/me-7.png"></div>
					<div class="aui-list-cell-cn">我的银行</div>
					<div class="aui-list-cell-fr"></div>
				</a>
				<a href="evaluate.html" class="aui-list-cell">
					<div class="aui-list-cell-fl"><img src="/static/images/icon-home/me-9.png"></div>
					<div class="aui-list-cell-cn">我的评价</div>
					<div class="aui-list-cell-fr"></div>
				</a>
				<div class="devider b-line"></div>
                <div class="aui-list-cell" @click="remove()">
					<div class="aui-list-cell-fl"><img src="/static/images/icon-home/me-11.png"></div>
					<div class="aui-list-cell-cn">退出账号</div>
					<div class="aui-list-cell-fr"></div>
                </div>
			</div>
		</div>


	</div>
</template>
<script>
import '../style/js/jquery-1.7.1.min.js'
export default {
	name:'meMain',
	props:{
		isLogin:{
			type:Boolean,
			required:true,
		},
		username:{
			type:null,
			required:true
		}
	},
	methods: {
		remove(){
			sessionStorage.removeItem('isLogin')
			sessionStorage.removeItem('username')
			this.$router.replace('login')
		}
	}
}
$(window).scroll(function () {
    if ($(window).scrollTop() > 100) {
        $("#headsearch").addClass("ui-form-color-nav");
    }else if($(window).scrollTop() == 0){
        $("#headsearch").removeClass("ui-form-color-nav");
    }
});

</script>
<style scoped src="../../static/css/ui.css">

</style>

